<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<title>网贝网络</title>
<!-- <script src="jquery/js/jquery-1.8.2.js"></script>
<script src="jquery/js/jquery-ui-1.8.23.custom.js"></script>
<link rel="stylesheet" href="jquery/css/ui-lightness/jquery-ui-1.9.0.custom.css" /> -->
<script src="jquery/js/jquery-1.8.2.js"></script>
<script src="jquery/js/jquery-ui-1.9.0.custom.min.js"></script>
<link rel="stylesheet" href="jquery/css/ui-lightness/jquery-ui-1.9.0.custom.min.css" />

<link rel="stylesheet" href="css/jPages.css" />
<link href="css/participate.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/login.css" />


<script type="text/javascript" src="js/myCustonAndShoppingCar/participate.js"></script>
<script type="text/javascript" src="js/myCustonAndShoppingCar/jPages.js"></script>

<script type="text/javascript" src="js/myCustonAndShoppingCar/lightbox/js/lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="js/myCustonAndShoppingCar/lightbox/css/lightbox.css" />

<script type="text/javascript" src="js/myCustonAndShoppingCar/bgiframe.js"></script>
<script type="text/javascript" src="js/myCustonAndShoppingCar/weebox.js"></script>
<link type="text/css" rel="stylesheet" href="css/xixiaoming/weebox.css" />

<script type="text/javascript">
	$(document).ready(function() {
		jPagesresign("itemContainer1", "#itemContainer1234");
		jPagesresign("itemContainer", "#itemContainer123");

		$("#private_comm").dialog({
			autoOpen : false,
			module : true,
			hide : "fadeout",
			modal : true,
			title : "发私信",
			width:400,
			height:280,
			position:[(window.innerWidth-400)/2,(window.innerHeight-300)/2],
			resizable:false
		});
		$("#jubao").dialog({
			autoOpen : false,
			module : true,
			hide : "fadeout",
			modal : true,
			title : "举报",
			width:400,
			height:200,
			position:[(window.innerWidth-400)/2,(window.innerHeight-300)/2],
			resizable:false
		});

		// 滚动条事件
		window.onscroll = function() {
			if (finished&&(Math.abs(document.body.clientHeight
					- document.documentElement.clientHeight) == (document.documentElement.scrollTop || document.body.scrollTop))){
				finished=false;
				loadShareMsg();}
		};
		//判断浏览器版本执行不同的程序
			allinfo();//车饰展示的CSS
		});
	</script>

</head>

<body style="text-align:center;width:100%;margin :0px; padding: 0px;">
	<jsp:include page="top.jsp"></jsp:include>
	<div style="height:30px"></div>
	<div style="width:1081px;margin:0 auto;">
		<div>
			<div class="share_left_div_main">

				<ul style="list-style-type:none;margin-top:1px">
					<li id="cheshi" class="cheshi" onclick="javascript:window.location.href='showHomePage.action?productid=-1&&recommendTime=${recommendTime}'"
					onmouseover="$(this).attr('class','cheshi_hover');$('#productselect').show();">车饰</li>
					<c:choose>
						<c:when test="${recommendTime==1}">
							<li class="share_left_li_latter extra2">今日上榜</li>
							<li class="share_left_li_latter extra1"
								onclick="changeRecommend(7)">周排行榜</li>
							<li class="share_left_li_latter extra1"
								onclick="changeRecommend(30)">本月排行</li>
							<li class="share_left_li_latter extra1"
								onclick="changeRecommend(365)">年度排行</li>
						</c:when>
						<c:when test="${recommendTime==7}">
							<li class="share_left_li_latter extra1"
								onclick="changeRecommend(1)">今日上榜</li>
							<li class="share_left_li_latter extra2">周排行榜</li>
							<li class="share_left_li_latter extra1"
								onclick="changeRecommend(30)">本月排行</li>
							<li class="share_left_li_latter extra1"
								onclick="changeRecommend(365)">年度排行</li>
						</c:when>
						<c:when test="${recommendTime==30}">
							<li class="share_left_li_latter extra1"
								onclick="changeRecommend(1)">今日上榜</li>
							<li class="share_left_li_latter extra1"
								onclick="changeRecommend(7)">周排行榜</li>
							<li class="share_left_li_latter extra2">本月排行</li>
							<li class="share_left_li_latter extra1"
								onclick="changeRecommend(365)">年度排行</li>
						</c:when>
						<c:otherwise>
							<li class="share_left_li_latter extra1"
								onclick="changeRecommend(1)">今日上榜</li>
							<li class="share_left_li_latter extra1"
								onclick="changeRecommend(7)">周排行榜</li>
							<li class="share_left_li_latter extra1"
								onclick="changeRecommend(30)">本月排行</li>
							<li class="share_left_li_latter extra2">年度排行</li>
						</c:otherwise>
					</c:choose>
				</ul>
				<div style="border:1px solid #A8D9E9;background:#F4FCFF;text-align:left;margin-top:43;display:none;position:absolute;width:43%;top:132px;z-index:999" id="productselect"
				onmouseout="var event = arguments[0]||window.event;if(!this.contains(event.toElement || event.relatedTarget)){$(this).hide();$('#cheshi').attr('class','cheshi');}">
					<c:forEach items="${productList}" var="p">
						<div class="productSelect">
							<span onclick="javascript:window.location.href='showHomePage.action?productid=${p.productId}&&recommendTime=${recommendTime}'" class="productSelect_product">${p.productName}</span>
							<span style="float:left;">|</span>
							<span class="productSelect_label">${p.alias_bak}</span>
						</div>
					</c:forEach>
				</div>
			</div>
			<jsp:include page="shareContent.jsp"></jsp:include>
		</div>
		<jsp:include page="rankContent.jsp"></jsp:include>
	</div>


	<!-- 发私信的弹出层 -->
	<div id="private_comm" style="text-align:left;overflow:hidden;background-color:#fff;filter: light();">
		<form style="width:100%;height:100%;" action="shiliaoAtshare.action" enctype="multipart/form-data" id="shiliaoForm" name="fileform" method="post" target="upload-target">
			<table style="width:100%;height:100%;">
				<tr><td>收信人：</td><td><input style="width:100%;" id="shoujianren" name="shoujianren" type="text" readonly /></td></tr>
				<tr><td colspan="2"><textarea style="width:100%;" rows="3" cols="40" id="chatContent" name="chatContent"></textarea></td></tr>
				<tr align="center"><td colspan="2"><input style="width:70%;" type="file" name="upload"/></td></tr>
				<tr align="center"><td colspan="2"><input type= "button" value="发送" onclick="shiliaoFasong();" /></td></tr>
			</table>
			<iframe id="upload-target" style="display:none" name="upload-target"></iframe>
		</form>
	</div>
	<!-- 举报弹出层 -->
	<div id="jubao" style="overflow:hidden;background-color:#fff;">
		请写出举报理由：
		<textarea style="width:100%;" cols="40" rows="3" id="reportReason"></textarea>
		<input type="button" value="确定举报" onclick="reportClick()" />
	</div>


	<div style="text-align:right;clear:both;margin:0 auto;width:600px;height:30px;" id="bottomtip">
		<font style="color:green;font-family:'楷体';font-size:20">----</font>
	</div>
	<jsp:include page="bottom.jsp"></jsp:include>
	<!-- hidden隐藏区 -->
	<input type="hidden" value="${sharelength}" id="hiddenhasdata" />
	<input type="hidden" value="${recommendTime}" id="hiddenrecommendTime" />
	<input type="hidden" value="" id="jubaoComm" />
	<input type="hidden" value="${productid}" id="hiddenproductid"/>

	<div id="register-form"></div>
</body>
</html>
